//轮播图

window.onload=function(){
 var tp=document.getElementById('tp');
  var oul=document.getElementById('imgbox');
  var oli=oul.getElementsByTagName('li');
  var lis=document.getElementById('list').getElementsByTagName('li');
  var index=0;
  var time=null;
  time=setInterval(aa
	 ,3000);


         for(var n=0;n<lis.length;n++){
		          lis[n].id=n;
				lis[n].onmouseover=function(){
					clearInterval(time);
				dudu(this.id);

					}
			 }

			 tp.onmouseover=function(){
		   clearInterval(time);
		  }

		tp.onmouseout=function(){
			time=setInterval(aa,2000);
			}
			function aa(){
				  index++;
	  if(index>=oli.length){
		 index=0;
		  }
	dudu(index);

	  }
		function dudu(x){
			for(var i=0;i<oli.length;i++){
				    lis[i].className='';
					oli[i].style.display="none";
						}
		lis[x].className='on';
		oli[x].style.display='block';
		index=x;
		}
	}

/*$(function(){
    //自动播放
    var timer=null;
    var num=0;
    function aa(){

        timer=setInterval(function(){
            num++;
            if(num>2){
                num=0;
            }
            $('.all ul').animate({left:-num*650})
            $('.all ol li').eq(num).attr('class','cur').siblings().attr('class','');
        },1000)
    }
    aa();

    //事件中执行。。。。移到大的地方停止播放，移开自动播放
    $('.all').hover(function(){
        clearInterval(timer);
    },function(){
        aa()
    })

    //移到小标图片跟随播放
    $('.all ol li').mouseover(function(){
        $(this).attr('class','cur').siblings().attr('class','');
        $('.all ul').stop().animate({left:-$(this).index()*650})
        num=$(this).index();

    })


    function bb(){

        time=setInterval(function(){
            id++;
            if(id>2){
                id=0;
            }
            $('.bll ul').animate({left:-id*190})
            $('.bll ol li').eq(num).attr('class','cur').siblings().attr('class','');
        },1000)
    }
    var time=null;
    var id=0;

    bb();

})*/




